<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="author" content="94hi.tw">
    <meta name="copyright" content="Copyright (c) 94hi.tw">
    <meta name="description" content="94hi.tw就是嗨！">
    <meta name="keywords" content="94hi,94hi.tw,94hi.tw就是嗨！">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="MobileOptimized" content="320">
    <meta name="format-detection" content="telephone=no, address=no, email=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <title>會員帳戶登入</title>
    <link rel="stylesheet" href="../assets/css/core.css?v=f99b2c77">
    <link rel="stylesheet" href="../assets/css/ui-form.css?v=6179fa28">
    <link rel="stylesheet" href="../assets/css/login.css?v=7bcfe4de">
</head>
<body>
    <header>
        <div class="header">
            <h1 class="logo">
                <a href="../index.html?v=3f1dd391">94hi.tw就是嗨！</a>
            </h1>

            <ul class="nav">
                <li>
                    <a href="../index.html?v=3f1dd391">首頁</a>
                </li>
                <li>
                    <a href="../preorder.html?v=1f097572">遊戲預購</a>
                </li>
                <li>
                    <a href="../games/all.html?v=47f4bf4e">遊戲大廳</a>
                </li>
                <li>
                    <a href="../member.html?v=a84b1fd2">會員中心</a>
                </li>
                <li>
                    <a href="../purchase/platform/step1.html?v=edf059ca">購點儲值</a>
                </li>
                <li>
                    <a href="../cs/help.html?v=6bd7523c">客戶服務</a>
                </li>
            </ul>

            <div class="user">
                <!-- 未登入 -->
                <div class="user-unlogin">
                    <a href="password.html?v=93b07171">登入</a>
                    <a href="../join/phone.html?v=0026727c">註冊</a>
                </div>

                <!-- 已登入 -->
                <!-- <div class="user-logined" id="j-user-logined">
                    <a href="javascript:;" class="user-name">漲帳戶姓名</a>

                    <ul class="user-menu">
                        <li>咪曉那</li>
                        <li>
                            <a href="">我的帳號</a>
                        </li>
                        <li>
                            <a href="">會員任務</a>
                        </li>
                        <li>
                            <a href="">會員月卡</a>
                        </li>
                        <li>
                            <a href="">會員季卡</a>
                        </li>
                        <li>
                            <a href="">切換會員帳號</a>
                        </li>
                    </ul>
                </div> -->
            </div>
        </div>

        <div class="page-header">
            <div class="page-header-con con">
                <h2 class="page-title">會員帳戶登入</h2>
                <p class="page-desc">登入／註冊成功後，請選擇或創建會員帳號</p>
            </div>
        </div>
    </header>

    <main>
        <div class="main">
            <!-- 註冊 -->
            <div class="login con con-bg">
                <form action="" class="login-bd login-form ui-form" name="loginByPasssword" id="loginByPasssword">
                    <section class="ui-form-row ui-form-item">
                        <div class="ui-form-item-bd">
                            <div class="ui-form-item-row">
                                <div class="ui-form-select" style="width: 140px;">
                                    <select name="areaCode" id="loginPhoneAreaCode">
                                        <option value="+886 台灣" selected>+886 台灣</option>
                                    </select>
                                </div>
                                <div class="ui-form-input auto ml10">
                                    <input type="text" name="phone" id="loginPhone" placeholder="請輸入完整手機號碼 ex.0911222333" autofocus required tabindex="1">

                                    <label for="loginPhone" class="ui-form-icon login-icon-1">手機號</label>
                                </div>
                            </div>
                            <div class="ui-form-item-msg">
                                <p>√ 手機號碼輸入正確</p>
                            </div>
                        </div>
                    </section>

                    <section class="ui-form-row ui-form-item">
                        <div class="ui-form-item-bd">
                            <div class="ui-form-input">
                                <input type="password" name="password" id="loginPassword" placeholder="請輸入密碼" tabindex="2" required>

                                <label for="loginPassword" class="ui-form-icon login-icon-2">密碼</label>
                            </div>
                            <div class="ui-form-item-msg invalid">
                                <p>× 密碼需為8個混合英數字，不區分大小寫</p>
                            </div>
                        </div>
                    </section>

                    <section class="ui-form-row ui-form-item">
                        <div class="ui-form-item-bd">
                            <div class="ui-form-item-row">
                                <div class="ui-form-input auto">
                                    <input type="text" name="captcha" id="loginCaptcha" placeholder="請輸入驗證碼" maxlength="8" tabindex="3" required>

                                    <label for="loginCaptcha"" class="ui-form-icon login-icon-3">驗證碼</label>
                                </div>

                                <div class="ui-form-code ml10" id="j-check-code">
                                    <img src="https://game.omg.com.tw/PC/ChkImg.ashx?cn=Reg&t=1580811956745" alt="點擊刷新">
                                    <button type="button">點擊刷新</button>
                                </div>
                            </div>
                            <div class="ui-form-item-msg"></div>
                        </div>
                    </section>

                    <section class="ui-form-row ui-form-item">
                        <div class="ui-form-item-bd">
                            <div class="ui-form-item-row">
                                <div class="ui-form-checkbox">
                                    <div class="checkbox-item">
                                        <input type="checkbox" name="autoLogin" id="_autoLogin" value="1" checked>
                                        <label for="_autoLogin">30天內保持登入</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="ui-form-row ui-form-button">
                        <button type="submit" class="submit" tabindex="4">立即登入</button>
                    </section>
                </form>

                <section class="login-ft">
                    <a href="../join/phone.html?v=0026727c">免費註冊</a>
                    <a href="">忘記密碼</a>
                </section>
            </div>
        </div>
    </main>

    <footer>
        <section class="footer">
            <div class="footer-con">
                <h2 class="footer-logo">94hi.tw就是嗨！</h2>

                <ul class="footer-nav">
                    <li>
                        <a href="../about.html?v=e3d56ca7">關於我們</a>
                    </li>
                    <li>
                        <a href="../contract.html?v=a87fe0ec">會員條款</a>
                    </li>
                    <li>
                        <a href="../privacy.html?v=fbd6c7f7">隱私權政策</a>
                    </li>
                    <li>
                        <a href="../regulation.html?v=bfff213c">遊戲管理規章</a>
                    </li>
                    <li>
                        <a href="../contact.html?v=33d6445f">商務接洽</a>
                    </li>
                </ul>
            </div>
        </section>

        <section class="copyright">
            <div class="copyright-con">
                <p class="copyright-content">紅番茄愛娛樂股份有限公司 ©2019 Happy Tomato All Rights Reserved</p>

                <ul class="contact">
                    <li>
                        <a href="" class="line">line</a>
                    </li>
                    <li>
                        <a href="" class="facebook">facebook</a>
                    </li>
                </ul>
            </div>
        </section>
    </footer>
</body>
</html>
